@import "../../styles/default";

.search-box{
  border: solid 1px #9e9e9e;
  border-radius: 2px;
  display: flex;
  align-items: center;
  padding: size(4);

  .search-box-input{
    flex: 1;
    padding: 0 pxToRem(8);
    input {
      background: transparent;
      width: 100%;
      font-weight: 500;
      outline: none;
      border: none;
      font-size: pxToRem(16);
      color: #A3A3A3;
      &::-webkit-input-placeholder {
        color: #9e9e9e;
      }
    }
  }
  .icon {
    width: 16px;
    height: 16px;

  }

}
